<div class="form-group">
  <label class="control-label" for="mustacheTemplateInputContent">Content</label>
  <div id="mustacheTemplateInputContent" ng-model="mustacheTemplateInput.unvalidatedInput" ui-ace="mustacheTemplateInput.aceOptions({maxLines: 30})"></div>
  <span class="help-block">
    <div ng-transclude></div>
  </span>
</div>

<div class="form-group">
  <label class="control-label" for="mustacheTemplateInputPreview">Preview</label>

  <div ng-switch on="mustacheTemplateInput.language" id="mustacheTemplateInputPreview" style="padding: 10px; background-color: #f5f5f5;">
    <div ng-switch-when="html">
      <iframe style="border: 0" width="100%" height="300px" srcdoc="{{mustacheTemplateInput.render(mustacheTemplateInput.unvalidatedInput)}}"></iframe>
    </div>
    <div ng-switch-default style="white-space: pre;">{{mustacheTemplateInput.render(mustacheTemplateInput.unvalidatedInput)}}</div>
  </div>
</div>
